<template>
	<van-tabs v-model:active="activeName" animated sticky :offset-top="36">
		<van-tab title="热门" name="a">
			<swipe />
			<hot/>
		</van-tab>
		<van-tab title="推荐" name="b">
			<hot/>
		</van-tab>
		<van-tab title="最新" name="c">
			<hot/>
		</van-tab>
		<van-tab title="关注" name="d">
			<hot/>
		</van-tab>
	</van-tabs>
</template>

<script setup>
	import { ref } from 'vue'
	import hot from '_v/home/Hot.vue'
	
	 const activeName = ref('a');

</script>

<style>
/* 	.van-tabs {
		text-align: center;
	} */
	
	:root{
		--van-tabs-nav-background-color:#FFB5C5;
		--van-tab-active-text-color:white;
		--van-tabs-bottom-bar-color:white;
		--van-nav-bar-height: 64px;
	}
</style>
